<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/caninfor.css" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/style.js"></script>
<title>浙商保险 - 投保信息确认</title>
</head>

<body>
<form action="#" method="get">
	<div class="menages"><i></i>投保产品信息</div>
	<div class="basic manager-div margin-b5">
		<div class="title_text">
			<span></span>
			保障范围
		</div>
		<div class="title_text">
			<span>30万元</span>
			电梯意外身故/残疾
		</div>
		<div class="title_text">
			<span>2016/3/18零时起</span>
			保障起始期限
		</div>
		<div class="title_text">
			<span>2017/3/17二十四时止</span>
			保障终止期限
		</div>
	</div>
	<div class="menages"><i></i>投保人信息</div>
	<div class="basic manager-div margin-b5">
		<div class="title_text">
			<span>阿狸</span>
			姓名
		</div>
		<div class="title_text">
			<span>330822198210280026</span>
			身份证号
		</div>
		<div class="title_text">
			<span>15154545484</span>
			手机号码
		</div>
		<div class="title_text">
			<span>lenovo_xu@163.com</span>
			电子邮箱
		</div>
	</div>
	<div class="menages"><i></i>被保险人信息</div>
	<div class="basic manager-div margin-b5">
		<div class="title_text">
			<span>其他</span>
			与投保人关系
		</div>
		<div class="title_text">
			<span>阿狸</span>
			姓名
		</div>
		<div class="title_text">
			<span>330822198210280026</span>
			身份证号
		</div>
		<div class="title_text">
			<span>15154545484</span>
			手机号码
		</div>
	</div>
	<div class="menages"><i></i>支付金额</div>
	<div class="basic manager-div margin-b5">
		<div class="title_text">
			<span>1份</span>
			购买份数
		</div>
		<div class="title_text">
			<span>2188元</span>
			保费
		</div>
	</div>
	<div class="information">
		<div class="agreement">	
        	<span class="checkbox nocheck" style="display: none;"><input name="checkbox" type="checkbox" checked="checked"></span>本人已阅读并同意<a href="elevator_state.html">《投保人声明》</a></div>
	</div>
	<div class="height44"></div>
	<div class="U-login-con">
        <a class="U-user-login-btn" ontouchstart="this.className='U-user-login-btn2'" ontouchend="this.className='U-user-login-btn'">确认并支付</a>
        <div class="DialogDiv"  style="display:none; ">
            <div class="U-guodu-box">
                <div>
                    <table width="100%" cellpadding="0" cellspacing="0" border="0" >
                        <tr>
                        	<td  align="center">
                        		<img src="images/ICBCLoading.gif">
                        	</td>
                        </tr>
                    </table>
                </div>
            </div>
     	</div>
        <div class="cl"></div>
	</div>
<script>
	$(function(){
	  	$('.U-user-login-btn').toggle(function(){
			var yscroll = document.documentElement.scrollTop;
			var screenx=$(window).width();
			var screeny=$(window).height();
		  $(".DialogDiv").css("display", "block");
 			 $(".DialogDiv").css("top",yscroll+"px");
			 var DialogDiv_width=$(".DialogDiv").width();
			 var DialogDiv_height=$(".DialogDiv").height();
			  $(".DialogDiv").css("left",(screenx/2-DialogDiv_width/2)+"px")
			 $(".DialogDiv").css("top",(screeny/2-DialogDiv_height/2)+"px")
			 $("body").css("overflow","hidden");
		},function(){
			
		})
	 })
</script>
</form>
</body>
</html>
